<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
        <link rel="stylesheet" type="text/css" href="<?php echo $data['rootUrl']; ?>global/css/screen.css" media="screen" />
        <script src="<?php echo $data['rootUrl']; ?>global/js/jquery-1.4.1.min.js" type="text/javascript"></script>
        <title>Figuratively&Speaking</title>
        
        <style type="text/css">

#banner {position:relative; width:944px; height:288px; border:1px solid #666; overflow:hidden;}
#banner_list img {border:0px;}
#banner_bg {position:absolute; bottom:0;background-color:#000;height:30px;filter: Alpha(Opacity=30);opacity:0.3;z-index:1000;
cursor:pointer; width:478px; }
#banner_info{position:absolute; bottom:0; left:5px;height:22px;color:#fff;z-index:1001;cursor:pointer}
#banner_text {position:absolute;width:120px;z-index:1002; right:3px; bottom:3px;}
#banner ul {position:absolute;list-style-type:none;filter: Alpha(Opacity=80);opacity:0.8; border:1px solid #fff;z-index:1002;
            margin:0; padding:0; bottom:3px; right:5px;}
#banner ul li { padding:0px 8px;float:left;display:block;color:#FFF;border:#e5eaff 1px solid;background:#6f4f67;cursor:pointer}
#banner ul li.on { background:#900}
#banner_list a{position:absolute;} <!-- 让四张图片都可以重叠在一起-->
</style>
    </head>
    <body>
        <div id="wrapper">
            
            <!-- header -->
           <?php include Doo::conf()->SITE_PATH .  Doo::conf()->PROTECTED_FOLDER . "viewc//header.php"; ?>
            <!-- headerend -->
            <div class="content">
                
                <!-- menu start -->
                <?php include Doo::conf()->SITE_PATH .  Doo::conf()->PROTECTED_FOLDER . "viewc//menu.php"; ?>
                <script>
                    $("#menu a:contains(Home)").addClass('current');
                </script>
               <!-- <ul id="menu">
                    <li><a class="current" href="javascript:;">Home</a></li>
                    <li><a href="<?php echo $data['rootUrl']; ?>image/addPage">INTORDUCTION</a></li>
                    <li><a href="<?php echo $data['rootUrl']; ?>image/type/1">PICTURE</a></li>
                    <li><a href="<?php echo $data['rootUrl']; ?>image/typePage">MODEL</a></li>
                    <li><a href="<?php echo $data['rootUrl']; ?>image/contactPage">CONTACT</a></li>
                    <li onmouseover="$('#x_select').show();" onmouseout="$('#x_select').hide();"><a href="javascript:;" >ABOUT</a><br/>
                        <p  id="x_select"style="position: absolute;background: black; display: none;"> <a href="<?php echo $data['rootUrl']; ?>image/artistPage">ARTIST</a><br/>
                            <a href="<?php echo $data['rootUrl']; ?>image/artistProuctPage">ARTIST PRODUCT</a></p>
                    </li>
                    <li><a href="<?php echo $data['rootUrl']; ?>image/modelPage" id="login">MODEL CHART</a></li>
                    <li><a href="<?php echo $data['rootUrl']; ?>admin" id="login">ADMIN</a></li>
                </ul> -->
                
                <!-- menu end -->
                <!-- <div id="pitch">
                    <h1>Sed at elit non est auctor lobortis sed nec<br />
					Vivamus nec odio eget lacus semper</h1>
                    <p><em>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut enim risus, rhoncus sit amet ultricies vel, aliquet ut dolor. Duis iaculis urna vel massa ultricies suscipit.</em></p>
                </div> -->
                
                
                <div id="banner">    
    <div id="banner_bg"></div>  <!--标题背景-->
    <div id="banner_info"></div> <!--标题-->
    <ul>
        <li class="on">1</li>
        <li>2</li>
        <li>3</li>
        <!-- <li>4</li> -->
    </ul>
   <div id="banner_list">
        <a href="#" target="_blank"><img src="<?php echo $data['rootUrl']; ?>global/images/a1.jpg" title="artist1" alt="artist1" /></a>
        <a href="#" target="_blank"><img src="<?php echo $data['rootUrl']; ?>global/images/a2.jpg" title="artist2" alt="artist2" /></a>
        <a href="#" target="_blank"><img src="<?php echo $data['rootUrl']; ?>global/images/a3.jpg" title="artist3" alt="artist3" /></a>
     <!--   <a href="#" target="_blank"><img  src="<?php echo $data['rootUrl']; ?>global/images/a4.jpg" title="artist4" alt="artist4" /></a>
    -->
     </div>
</div>
                
                
              
                
                
                
                
                
            </div>
            <div id="main" style="display: none;">
                <div class="col">
                    <h3>Latest Articles</h3>
                    <div class="article">
                        <p class="date">March, 2010</p>
                        <h4><a href="http://www.accidentlawyersnc.com/">Truck Accident Lawyers</a></h4>
                        <p class="short">Quisque scelerisque purus quis eros sollicitudin gravida. Aliquam erat volutpat. Donec a sem consequat. <a href="#">&raquo;</a></p>
                    </div>
                    <div class="article">
                        <p class="date">February, 2010</p>
                        <h4><a href="http://www.mccabelawoffices.com/">Car Accident Lawyers</a></h4>
                        <p class="short">Quisque scelerisque purus quis eros sollicitudin gravida. Aliquam erat volutpat. Donec a sem consequat. <a href="#">&raquo;</a></p>
                    </div>
                    <div class="article">
                        <p class="date">January, 2010</p>
                        <h4><a href="http://www.hardisonwood.com/">Car Accident Attorneys</a></h4>
                        <p class="short">Quisque scelerisque purus quis eros sollicitudin gravida. Aliquam erat volutpat. Donec a sem consequat. <a href="#">&raquo;</a></p>
                    </div>
                </div>
                <div class="col">
                    <h3>External Resources</h3>
                    <div class="article">
                        <p class="date">March, 2010</p>
                        <h4><a href="http://www.truckingattorney.com/">Truck Accident Attorneys</a></h4>
                        <p class="short">Quisque scelerisque purus quis eros sollicitudin gravida. Aliquam erat volutpat. Donec a sem consequat. <a href="#">&raquo;</a></p>
                    </div>
                    <div class="article">
                        <p class="date">February, 2010</p>
                        <h4><a href="http://www.lawyermarketinggroup.com/">Law Firm Marketing</a></h4>
                        <p class="short">Quisque scelerisque purus quis eros sollicitudin gravida. Aliquam erat volutpat. Donec a sem consequat. <a href="#">&raquo;</a></p>
                    </div>
                    <div class="article">
                        <p class="date">January, 2010</p>
                        <h4><a href="#">Nunc pellentesque a porta lacus</a></h4>
                        <p class="short">Quisque scelerisque purus quis eros sollicitudin gravida. Aliquam erat volutpat. Donec a sem consequat. <a href="#">&raquo;</a></p>
                    </div>
                </div>
                <div class="col last">
                    <h3>Verdicts and Settlements</h3>
                    <div class="case">
                        <img src="<?php echo $data['rootUrl']; ?>global/images/thumb.gif" alt="Case Thumb" />
                        <p><a href="#">Donec arcu, convallis at pharetra</a><br />
						Nunc in neque sem, a porta lacus. Pellentesque habitant morbi tristique senectus et netus et </p>
                    </div>
                    <div class="case">
                        <img src="<?php echo $data['rootUrl']; ?>global/images/thumb.gif" alt="Case Thumb" />
                        <p><a href="#">Quisque quis laoreet tristique</a><br />
						Nunc in neque sem, a porta lacus. Pellentesque habitant morbi tristique senectus et netus et </p>
                    </div>
                    <div class="case">
                        <img src="<?php echo $data['rootUrl']; ?>global/images/thumb.gif" alt="Case Thumb" />
                        <p><a href="#">Nunc pellentesque a porta lacus</a><br />
						Nunc in neque sem, a porta lacus. Pellentesque habitant morbi tristique senectus et netus et </p>
                    </div>
                    <div class="case">
                        <img src="<?php echo $data['rootUrl']; ?>global/images/thumb.gif" alt="Case Thumb" />
                        <p><a href="#">Nunc pellentesque a porta lacus</a><br />
						Nunc in neque sem, a porta lacus. Pellentesque habitant morbi tristique senectus et netus et </p>
                    </div>
                </div>
                <div class="clr"></div>
            </div>
            <?php include Doo::conf()->SITE_PATH .  Doo::conf()->PROTECTED_FOLDER . "viewc//footer.php"; ?>
          
        </div>
    </body>
</html>
<script type="text/javascript">
    var t = n = 0, count;
    $(document).ready(function(){    
        count=$("#banner_list a").length;
        $("#banner_list a:not(:first-child)").hide();
        $("#banner_info").html($("#banner_list a:first-child").find("img").attr('alt'));
        $("#banner_info").click(function(){window.open($("#banner_list a:first-child").attr('href'), "_blank")});
        $("#banner li").click(function() {
            var i = $(this).text() - 1;//获取Li元素内的值，即1，2，3，4
            n = i;
            if (i >= count) return;
            $("#banner_info").html($("#banner_list a").eq(i).find("img").attr('alt'));
            $("#banner_info").unbind().click(function(){window.open($("#banner_list a").eq(i).attr('href'), "_blank")})
            $("#banner_list a").filter(":visible").fadeOut(500).parent().children().eq(i).fadeIn(1000);
            document.getElementById("banner").style.background="";
            $(this).toggleClass("on");
            $(this).siblings().removeAttr("class");
        });
        t = setInterval("showAuto()", 4000);
        $("#banner").hover(function(){clearInterval(t)}, function(){t = setInterval("showAuto()", 4000);});
    })
    
    function showAuto()
    {
        n = n >=(count - 1) ? 0 : ++n;
        $("#banner li").eq(n).trigger('click');
    }
</script>

<script type="text/javascript">
    $('#menu a').click(function(){
        $('#menu a').removeClass('current');
        $(this).addClass('current');
    })
    /*
    $('#keyword_button').click(function(){
        var value  = $('#key_word').val();
        window.location.href = '<?php echo $data['rootUrl']; ?>image/type/0?keyword='+value;

    })
    */
    
</script>